<template>
  <div class="topic_block">
    <p class="user_info">
      <img src="../../images/mainOne/index/IMG_shouye_touxiang.png" />
      <span class="user_name">悦小舞</span>
      <span class="foucs">关注ta</span>
    </p>
    <div class="img_block">
      <img src="../../images/mainOne/index/IMG_shouye_01.png" />
    </div>
  </div>
</template>

<script>
export default {
  name: "topic_block",
  data() {
    return {

    }
  }

}
</script>

<style lang="less" scoped>
.topic_block {
  width: 710/75rem;
  height: 495/75rem;
  border: 1px solid #ccc;
  box-shadow: 0 0 15px #ccc;
  margin: 0 auto;
  border-radius: 15px;
  position: relative;
  margin-bottom: 80/75rem;
  background: white;
  .user_info {
    line-height: 60px;
    margin-bottom: 50/75rem;
    img {
      width: 80/75rem;
      height: 80/75rem;
      position: absolute;
      top: -40/75rem;
      left: 20/75rem;
    }
    .user_name {
      font-size: 30/75rem;
      margin-left: 130/75rem;
    }
    .foucs {
      font-size: 24/75rem;
      display: block;
      float: right;
      border: 1px solid #333;
      border-radius: 40/75rem;
      line-height: 40/75rem;
      width: 130/75rem;
      text-align: center;
      margin-top: 30/75rem;
      margin-right: 30/75rem
    }
  }
  .img_block {
    width: 670/75rem;
    height: 320/75rem;
    margin: 0 auto;
    img {
      width: 670/75rem;
      height: 320/75rem;
    }
  }
}

.topic_block:last-child {
  margin-bottom: 200px;
}
</style>
